<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

<html class="">

<head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Waiters</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <!-- Favicons -->

      <link rel="shortcut icon" href="images/icons/icone.png" />

        <!--[if lt IE 9]>
          <script src="assets/js/minified/core/html5shiv.min.js"></script>
          <script src="assets/js/minified/core/respond.min.js"></script>
        <![endif]-->

        <!-- Fides Admin CSS Core -->

        <link rel="stylesheet" type="text/css" href="css/minified/aui-production.min.css">

        <!-- Theme UI -->

        <link id="layout-theme" rel="stylesheet" type="text/css" href="themes/minified/fides/color-schemes/dark-blue.min.css">

        <!-- Fides Admin Responsive -->

        <link rel="stylesheet" type="text/css" href="themes/minified/fides/common.min.css">
        <link rel="stylesheet" type="text/css" href="themes/minified/fides/responsive.min.css">

        <!-- Fides Admin JS -->

        <script type="text/javascript" src="js/minified/aui-production.min.js"></script>

      
             </head>
    
    
    <body style="overflow: auto;" class="">
        

        <div id="loading" class="ui-front loader ui-widget-overlay bg-white opacity-100" style="">
            <img src="images/loader-dark.gif" alt="">
        </div>


        <div id="page-wrapper" class="demo-example">

            

            <div id="page-header" class="clearfix">  <!-- #comeÃ§o do header -->
                <div id="header-logo">
                    <a href="javascript:;" class="tooltip-button" data-placement="bottom" title="" id="close-sidebar" data-original-title="Fechar Menu">
                        <i class="glyph-icon icon-caret-left"></i>
                    </a>
                    <a href="javascript:;" class="tooltip-button hidden" data-placement="bottom" title="" id="rm-close-sidebar" data-original-title="Abrir Menu">
                        <i class="glyph-icon icon-caret-right"></i>
                    </a>
                    <a href="javascript:;" class="tooltip-button hidden" title="" id="responsive-open-menu" data-original-title="Navigation Menu">
                        <i class="glyph-icon icon-align-justify"></i>
                    </a>Gerenciador <i class="opacity-80">1.0</i>
                </div>               

                
                <div class="user-profile dropdown"> <!-- Usuario Logado -->
                    <a href="javascript:;" title="" class="user-ico clearfix" data-toggle="dropdown">
                        <i class="glyph-icon icon-gears"></i>
                        <span>Arthur</span>
                        <i class="glyph-icon icon-chevron-down"></i>
                    </a>
                    <ul class="dropdown-menu float-right">
                        
                        <li>
                            <a href="javascript:;" title="Eitar o seu Perfil">
                                <i class="glyph-icon icon-user mrg5R"></i>
                               Editar Perfil
                            </a>
                        </li>
                        
                        <li>
                            <a href="javascript:;" title="Editar o Perfil dos Funcionarios">
                                <i class="glyph-icon icon-cog mrg5R"></i>
                              Funcionarios
                            </a>
                        </li>
                        
                        <li>
                            <a href="javascript:;" title="Sair do Sistema">
                                <i class="glyph-icon icon-signout font-size-13 mrg5R"></i>
                                <span class="font-bold">Sair</span>
                            </a>
                        </li>
                        

                    </ul>
                </div>
                
             
              

            </div><!-- #fim do header -->

            <div id="page-sidebar" class="scrollable-content" tabindex="5003" style="overflow: hidden; outline: none; height: 1315px;"> <!-- # ComeÃ§o Menu -->

                <div id="sidebar-menu" class="active">
                    <ul style="">
                        <li class="current-page">
                            <a href="index.html" title="Home">
                                <i class="glyph-icon icon-home"></i>
                              Home
                            </a>
                        </li>
                        <li>
                             <a href="Pedidos.jsp" title="Pedidos">
                                <i class="glyph-icon icon-reorder"></i>
                                Pedidos
                            </a>
                            <ul>
                                <li>
                                    <a href="content_boxes.html" title="Pedidos atuais">
                                        <i class="glyph-icon icon-chevron-right"></i>
                                      Atual
                                    </a>
                                </li>
                                <li>
                                    <a href="response_messages.html" title="Pedidos anteriores">
                                        <i class="glyph-icon icon-chevron-right"></i>
                                        Anteriores
                                    </a>
                                </li>
                                </ul>                                
                       		 <li>
                            <a href="javascript:;" title="RelatÃ³rios">
                                <i class="glyph-icon icon-bar-chart"></i>
                               Relatórios
                            </a>
                            <ul>
                                <li>
                                    <a href="charts_piegauges.html" title="RelatÃ³rios de fluxo de caixa">
                                        <i class="glyph-icon icon-chevron-right"></i>
                                        Fluxo de Caixa
                                    </a>
                                </li>
                                <li>
                                    <a href="charts_justgage.html" title="EstatÃ­stica de produtos consumidos">
                                        <i class="glyph-icon icon-chevron-right"></i>
                                        Estatística de Produtos
                                    </a>
                                </li>
                                <li>
                                    <a href="charts_sparklines.html" title="EstatÃ­stica do periodo de consumo">
                                        <i class="glyph-icon icon-chevron-right"></i>
                                        Estatística de Consumo
                                    </a>
                                </li>
                               	
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;" title="Editar CardÃ¡pio">
                                <i class="glyph-icon icon-book"></i>
                               Cardápio
                            </a>
                        </li>
                       
                        
                
                    </ul>
                    </div>
                   
                </div>

            </div><!-- # Fim Menu -->
           
           
           
            <div id="page-content-wrapper" style="margin-left: 220px;"> <!-- Titulo -->
                <div id="page-title">

<h3>
    Relatório	
    <small>
        Fluxo de Caixa
    </small>
</h3>
                   
                   
</div><!-- Fim do Titulo -->


<div id="page-content">

<div class="content-box">
                    <h3 class="content-box-header ui-state-default">
                        <span>	Coloque a Tata de Inicio e Termino do Relatório		</span>
                    </h3>
                    </div>


<div class="form-row mrg25L">


            <div class="form-label col-lg-1">
                <label for="from">
                    Inicio:
                </label>
            </div>
           <div class="form-input col-md-1 mrg10R">
                <input type="text" size="4" class="fromDate" name="from" />
            </div>
              
           
            <div class="form-label col-lg-1 ">
                <label for="to">
                    Final:
                </label>
            </div>
           
            <div class="form-input col-md-1 ">
                <input type="text" size="4" class="toDate" name="to" />
            </div>

            
            </div>
            
            <div class="form-row col-lg-3 mrg25L">
           
          
            <a href="#" class="btn medium primary-bg radius-all-4" title="">
            <span class="button-content">
               Gerar Relatório
            </span>
            </a>
            
            </div>
            
            </div>

              </div>
     
        
         


</body></html>